<div id="xoview-tip-android-2-3-border-radius" class="xpage">
    <header class="bar bar-nav">
        
        <a href="#home/list1" data-back="home/list1" class="btn btn-link btn-nav pull-left"><span class="icon icon-left-nav"></span></a>
        <h1 class="title">border-radius失效</h1>
    </header>

    <div class="bar bar-standard bar-header-secondary">

        <div class="segmented-control">
            <a class="control-item active">问题描述</a>
            <a class="control-item">环境与频率</a>
            <a class="control-item">解决办法</a>
        </div>

    </div>

    <div class="content">
        <style>
            .demo {width:150px;height:150px;margin:20px auto;padding:5px;padding-top:30px;color:#fff;font-weight:bold;text-align:center;}
            .demo1 {border-radius:50%;-webkit-border-radius:50%;background:#333;}
            .demo2 {border-radius:9999px;-webkit-border-radius:9999px;background:teal;}
        </style>
        <div class="card">
            <div class="control-content sc active">
                border-radius百分比失效
            </div>
            <div class="control-content sc">Android 2.3.x</div>
            <div class="control-content sc">使用一个较大的值例如9999px设置border-radius</div>
        </div>

        <div class="content-padded"><h4>示例</h4></div>
        <div class="content-padded">
            <div class="demo demo1">border-radius:50%</div>
            <div class="demo demo2">border-radius:9999px;</div>
        </div>

    </div>



</div>
